<template>
  <div class="homeitem">
    <div class="top">
      <div class="item">
        <div class="title">用Supervisor实现进程守护，在异常退出时自 动重启</div>
        <div class="imgs">
          <img src="../../../assets/index.png" alt="" />
          <img src="../../../assets/index.png" alt="" />
          <img src="../../../assets/index.png" alt="" />
        </div>
      </div>
    </div>
    <div class="buttom">
      <div class="left">
        <div class="b1">用户</div>
        <div class="b2">评论</div>
        <div class="b3">1小时前</div>
      </div>
      <div class="right">
        X
      </div>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="less" scoped>
.homeitem {
  padding: 5px 15px;
  display: flex;
  flex-direction: column;
  .top {
    .item {
      display: flex;
      flex-direction: column;
      .title {
        font-family: MicrosoftYaHei;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 1px;
        color: #3a3a3a;
      }
      .imgs {
        display: flex;
        padding: 10px 0;
        img {
          width: 116px;
          height: 73px;
        }
      }
    }
  }
  .buttom {
    display: flex;
    justify-content: space-between;
    font-family: MicrosoftYaHei;
    font-size: 11.5px;
    font-weight: normal;
    letter-spacing: 1px;
    color: #999999;
    .left {
      display: flex;
      .b1,
      .b2,
      .b3 {
        margin-right: 5px;
      }
    }
    .right {
    }
  }
}
</style>
